import React,{Component} from "react";
import Btn from "./btn.jsx"
import "./index.css"

let data = {
    title: "茵佳兰迪INPLUS-LADY夏季新款 欧美时尚 个性条纹修身背带裙套装（两件套）MI16041952",
    nowPrice: 288,
    oldPrice: 328,
    otherPrice: 988,
    color: "黑色",
    size: ["S", "M", "L"],
    num: 1
}
class Shop extends Component{
    constructor(props){
        super(props)
        this.state={...data}
    }
    render(){
        let {color,size}=this.state;
        return <div className="box">
            <h3>{this.state.title}</h3>
            <p>直降价:<span style={{color:"#f00",fontSize:"30px"}}>￥{this.state.nowPrice}</span></p>
            <p>银泰价:<span style={{textDecoration:"line-through"}}>￥{this.state.nowPrice}</span> 参考价: <span style={{textDecoration:"line-through"}}>￥{this.state.otherPrice}</span></p>
            <Btn data={{color,size}}/>
        </div>
    }
}

export default Shop;